<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车结算</title>
	<link rel="shortcut icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/reset2.0.css">
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/order.css">
</head>
<body>
	<div class="main">
		<!-- 登录栏 -->
		<div class="login-bar">
			<div class="wrapper clearfix">
				<h2 class="fl">Hi，欢迎来到至爱空间！</h2>
				<ul class="login fl">
					<li><a href="#">登录</a></li>
					<li class="vertical-line"></li>
					<li><a href="#">退出</a></li>
				</ul>
				<ul class="shortcut fr">
					<li><a href="#">我的订单</a></li>
					<li class="vertical-line"></li>
					<li><a href="#">会员俱乐部</a></li>
					<li class="vertical-line"></li>
					<li><a href="#">手机商城</a></li>
					<li class="vertical-line"></li>
					<li><a href="#">客户服务</a></li>
					<li class="vertical-line"></li>
					<li><a href="#">网站导航</a></li>
				</ul>
			</div>
		</div>
		<!-- logo栏 -->
		<div class="logo clearfix por">
			<div class="beloved-logo fl"><a href="#"><img src="img/logo.png"></a></div>
			<h2 class="poa">购物流程</h2>
		</div>
		<!-- 选择收货地址 -->
		<div class="address">
			<h2>选择收货地址</h2>
			<div class="address-list clearfix" id="address-list">
				<div class="address-select fl">
					<div class="address-title">河南 郑州 (可云 收)</div>
					<div class="address-de clearfix">
						<span>河南省 郑州市 金水区 经八路街道郑州市优胜南路26号国奥大厦9层</span>
						<br />
						<em>15038299033</em><i class="fr">修改</i>
					</div>
				</div>
				<div class="address-select fl">
					<div class="address-title">河南 郑州 (可云 收)</div>
					<div class="address-de clearfix">
						<span>河南省 郑州市 金水区 经八路街道郑州市优胜南路26号国奥大厦9层</span>
						<br />
						<em>15038299033</em><i class="fr">修改</i>
					</div>
				</div>
				<div class="address-select fl">
					<div class="address-title">河南 郑州 (可云 收)</div>
					<div class="address-de clearfix">
						<span>河南省 郑州市 金水区 经八路街道郑州市优胜南路26号国奥大厦9层</span>
						<br />
						<em>15038299033</em><i class="fr">修改</i>
					</div>
				</div>
				<div class="address-select fl">
					<div class="address-title">河南 郑州 (可云 收)</div>
					<div class="address-de clearfix">
						<span>河南省 郑州市 金水区 经八路街道郑州市优胜南路26号国奥大厦9层</span>
						<br />
						<em>15038299033</em><i class="fr">修改</i>
					</div>
				</div>
				<div class="add-address fl">添加新地址</div>
			</div>
			<div><button>返回购物车进行修改</button></div>
		</div>
		<!-- 提交订单 -->
		<div class="check">
			<div class="title">
				<ul>
					<li class="product-de">商品信息</li>
					<li>微店选择</li>
					<li class="unit-price">单价(元)</li>
					<li>数量</li>
					<li class="price">金额(元)</li>
					<li>邮费(元)</li>
				</ul>
			</div>
			<div class="cart-list">
				<ul>
					<li class="product-pic">
						<img src="img/product-cart.png">
					</li>
					<li class="product-name">
						圣芝红酒法国原瓶进口红酒皇冠<br />波尔多AOC干红葡萄酒红酒
					</li>
					<li class="weshop">
						<span><a href="#">至爱空间微店</a></span>
						<br />
						<i><a href="#">免费送货上门</a></i>
					</li>
					<li class="up-de">
						<em>450</em>
						<br />
						<strong>290</strong>
					</li>
					<li class="count">1</li>
					<li class="amount">290</li>
					<li class="post">0</li>
				</ul>
			</div>
			<div class="cart-list">
				<ul>
					<li class="product-pic">
						<img src="img/product-cart.png">
					</li>
					<li class="product-name">
						圣芝红酒法国原瓶进口红酒皇冠<br />波尔多AOC干红葡萄酒红酒
					</li>
					<li class="weshop">
						<span><a href="#">至爱空间微店</a></span>
						<br />
						<i><a href="#">免费送货上门</a></i>
					</li>
					<li class="up-de">
						<em>450</em>
						<br />
						<strong>290</strong>
					</li>
					<li class="count">1</li>
					<li class="amount">290</li>
					<li class="post">0</li>
				</ul>
			</div>
			<div class="select por">
				<ul>
					<li>
						<input type="text" id="optional">
						<label for="optional"  class="poa" id="optional-content">选填，可以告诉卖家您还有什么特殊要求</label>
					</li>
					<li class="fr"><button>提交订单</button></li>
					<li class="fr total">合计总费用 <em>290</em> 元</li>
					<li class="fr">添加邮费 <span>0</span> 元</li>
				</ul>
			</div>
		</div>
		<!-- 底部 -->
		<div class="footer">
			<!-- 服务 -->
			<div class="service clearfix">
				<a href="#" class="fl"><img src="img/logo-footer.png"></a>
				<ul>
                    <li><h3>购物指南</h3></li>
                    <li><a href="#">免费注册</a></li>
                    <li><a href="#">开通支付宝</a></li>
                    <li><a href="#">支付宝充值</a></li>
                </ul>
                <ul>
                    <li><h3>电器城保障</h3></li>
                    <li><a href="#">送货入户</a></li>
                    <li><a href="#">顺丰包邮</a></li>
                    <li><a href="#">无忧退换货</a></li>
                    <li><a href="#">全国联保</a></li>
                    <li><a href="#">货票同行</a></li>
                </ul>
                <ul>
                    <li><h3>支付方式</h3></li>
                    <li><a href="#">支付宝快捷支付</a></li>
                    <li><a href="#">支付宝余额付款</a></li>
                    <li><a href="#">支付宝钱包付款</a></li>
                    <li><a href="#">货到付款</a></li>
                    <li><a href="#">新人支付</a></li>
                </ul>
                <ul>
                    <li><h3>商家服务</h3></li>
                    <li><a href="#">入驻电器城</a></li>
                    <li><a href="#">加入电器城服务保障</a></li>
                    <li><a href="#">电器城喵言喵语圈子</a></li>
                    <li><a href="#">电器城商家管理规范</a></li>
                </ul>
                <ul class="last">
                    <li><h3>手机电器城</h3></li>
                    <li><img src="img/mobileqr.png" alt="qr"></li>
                </ul>
			</div>
			<!-- 版权 -->
			<div class="copyright">
				<p>Copyright @ 2008- 2012 Shengcankeji. All Rights Reserved. 深圳市至爱酒业有限公司 版权所有</p>
				<p>地址:广东省深圳市南山区深南大道以北世纪假日广场3405,3406,3407, Tel: 13958062335  E-mail:61487206@qq.com</p>
			</div>
		</div>
	</div>
<script src="js/order.js"></script>
</body>
</html>